<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<#assign base=request.contextPath  />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="${base}/yang/H-ui/iconfont.min.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/Yang/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/index.css"/>
		<script src="${base}/yang/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="mui-text-center">
			<div class="layui-row">
			    <div class="layui-col-xs12 layui-col-md9">
			      <div class="grid-demo1 grid-demo-bg1">
			      	<img src="${base}/yang/img/logo.png"/>
			      </div>
			    </div>
			    <div class="layui-col-xs6 layui-col-md3">
			      <div class="grid-demo1" style="margin-left: 10%;">
			      	<i class="Hui-iconfont icon1">&#xe694;</i>
			      	<span>&nbsp;&nbsp;<a href="">关注我们</a> </span>
			      	<i class="Hui-iconfont icon2">&#xe670;</i>
			      	<span>&nbsp;&nbsp;<a href="">在线购买</a> </span>
			      	<i class="Hui-iconfont icon3">EN</i>
			      </div>
			    </div>
			  </div>
			  <div class="header">
			  	<span><a href="">首页</a></span>
			  	<span><a href="">品牌故事</a></span>
			  	<span><a href="${base}/admin/chanpin">产品</a></span>
			  	<span><a href="${base}/admin/huodong">活动</a></span>
			  	<span><a href="">联系我们</a></span>
			  </div>
		</div>
		 
		<div id="slider" class="mui-slider" >
		  <div class="mui-slider-group mui-slider-loop">
		    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
		    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="${base}/yang/img/lunbobo.png"></a></div>
		    <!-- 第一张 -->
		    <div class="mui-slider-item"><a href="#"><img src="${base}/yang/img/lunbobo.png"></a></div>
		    <!-- 第二张 -->
		    <div class="mui-slider-item"><a href="#"><img src="${base}/yang/img/lunbobo.png"></a></div>
		    <!-- 第三张 -->
		    <div class="mui-slider-item"><a href="#"><img src="${base}/yang/img/lunbobo.png"></a></div>
		    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
		    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="${base}/yang/img/lunbobo.png"></a>
		    </div>
		  </div>
		  <div class="mui-slider-indicator">
		    <div class="mui-indicator mui-active"></div>
		    <div class="mui-indicator"></div>
		    <div class="mui-indicator"></div>
		  </div>
		</div>
		<div class="list_center">
			<h2>关于我们</h2>
			<h3>" PPMonkey " 致力于打造高端坚果品牌 , 提供世界顶级的优质坚果产品  ,</h3>
			<h3>以绝对完美且始终如一的品质为首要目标 , 并实现从 " 农场到餐桌 " 这一方式 ,</h3>
			<h3>让这些自然成果 , 从源头到生产 , 加工 , 封装 , 追溯等等一条龙模式 , 经过严谨把控使其紧密连在一起  ,</h3>
			<h3>为消费者提供更安全 ,更营养, 更优质的善良坚果...</h3>
			<div class="phone7">
				<div class="divcss5" style="background:url(${base}/yang/img/312.png)">
			        <span>文字内容</span>
			        <a href="#" class="now">&nbsp;</a>
			    </div> 
				 <img src="${base}/yang/img/7.png"/>
			</div>
			<div class="phone12">
				 <span><img src="${base}/yang/img/311.png"/></span>
				 <span><img src="${base}/yang/img/32.png"/></span>
				 <span><img src="${base}/yang/img/38.png"/></span>
				 <span><img src="${base}/yang/img/36.png"/></span>
				 <span><img src="${base}/yang/img/31.png"/></span>
				 <span><img src="${base}/yang/img/33.png"/></span>
				 <span><img src="${base}/yang/img/39.png"/></span>
				 <span><img src="${base}/yang/img/37.png"/></span>
				 <span><img src="${base}/yang/img/34.png"/></span>
				 <span><img src="${base}/yang/img/35.png"/></span>
				 <span><img src="${base}/yang/img/310.png"/></span>
				 <span><img src="${base}/yang/img/312.png"/></span>
			</div>
			<div class="phonetd">
				<img src="${base}/yang/img/ta.png"/>
			</div>
		</div>
		<div class="fottad">
			<h1>阅读我们的精彩故事</h1>
			<div class="layui-row layui-col-space10">
			    <div class="layui-col-md6">
			      <div class="grid-demo2 grid-demo-bg1" style="float: right;padding-right: 20px;">
			      	<div class="divcss5" style="background:url(${base}/yang/img/tt1.png);width: 380px;height: 310px;">
				        <span>重新上传</span>
				        <a href="#" class="now">&nbsp;</a>
				    </div> 
			      </div>
			    </div>
			    <div class="layui-col-md6">
			      <div class="grid-demo2" style="float: left;padding-left: 20px;">
			      	<div class="divcss5" style="background:url(${base}/yang/img/tt1.png);width: 380px;height: 310px;">
				        <span>文字内容</span>
				        <a href="#" class="now">&nbsp;</a>
				    </div> 
			      </div>
			    </div>
			  </div> 
		</div>
			<div class="tdfot2">
			  	<span>语言 ：CHINESE</span>
			  	<span>www.kimrun.com.cn</span>
			  	<span>泸IC备13009548号</span>
			</div>
			<div class="footer">
				<img src="${base}/yang/img/fotpp.png"/>
			</div>
 	<script type="text/javascript">
 		//获得slider插件对象
		var gallery = mui('.mui-slider');
		gallery.slider({
		  interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
		});
 	</script>
	</body>
</html>
